import { Card, Descriptions, Tabs } from 'antd';
import React from 'react';
const UserInfo = ()=>{
  return   <Descriptions title="User Info">
  <Descriptions.Item label="UserName">Zhou Maomao</Descriptions.Item>
  <Descriptions.Item label="Telephone">1810000000</Descriptions.Item>
  <Descriptions.Item label="Live">Hangzhou, Zhejiang</Descriptions.Item>
  <Descriptions.Item label="Remark">empty</Descriptions.Item>
  <Descriptions.Item label="Address">
    No. 18, Wantang Road, Xihu District, Hangzhou, Zhejiang, China
  </Descriptions.Item>
</Descriptions>
}
const App = ()=>{
return (<Card>
  <Tabs items={[
    {
      key: '个人信息',
      label: '个人信息',
      children:<UserInfo/>
    },
    {
      key: '个人设置',
      label: '个人设置'
    }
  ]}/>
</Card>)
}
export default App